.loading-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0%;
    left:       0%;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, 0.4 )
                url('/yoloflight/resources/img/loading.gif') 50% 50% no-repeat;
}

.native-loading-modal {
    display:    none;
    position:   absolute;
    z-index: 	1000;
    top:        0%;
    left:       0%;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, 0.4 )
                url('/yoloflight/resources/img/loading.gif') center 100px no-repeat;
}

.search-panel-loading-modal {
    display:    none;
    position:   absolute;
    z-index: 	1000;
    height:     10%;
    width:      100%;
    background: rgba( 255, 255, 255, 0 )
    			url('/yoloflight/resources/img/loading.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .loading-modal {
    display: block;
}

body.native-loading-modal {
    display: block;
}

body.search-panel-loading-modal {
    display: block;
}

.loading-modal-bottom-small {
    display:    none;
    position:   fixed;
    z-index:    1000;
    bottom:		0;
    left:       0%;
    height:     50px;
    width:      100%;
    background: rgba( 255, 255, 255, 0 )
    			url('/yoloflight/resources/img/loading.gif') 50% 50% no-repeat;
}

body.loading1 {
    overflow: hidden;
}

body.loading1 .loading-modal-bottom-small {
    display: block;
}